<nz-modal [nzVisible]="isVisible" [nzTitle]="modalTitle" [nzContent]="modalContent" [nzFooter]="false" (nzOnCancel)="handleCancel($event)">
    <ng-template #modalTitle>
        用户管理
    </ng-template>
    <ng-template #modalContent>
        <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="handleOk()">
            <div nz-form-item nz-row>
                <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
                    <label for="accountNo" nz-form-item-required>用户账户</label>
                </div>
                <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                    <nz-input [nzSize]="'large'" formControlName="accountNo" [nzId]="'accountNo'"></nz-input>
                    <div nz-form-explain *ngIf="getFormControl('accountNo').dirty&&getFormControl('accountNo').hasError('required')">请输入用户账号!</div>
                    <div nz-form-explain *ngIf="getFormControl('accountNo').dirty&&getFormControl('accountNo').hasError('accountNo')">用户账号只能填写真实手机号码!</div>

                </div>
            </div>
            <div nz-form-item nz-row>
                <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
                    <label for="userName" nz-form-item-required>用户姓名</label>
                </div>
                <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                    <nz-input [nzSize]="'large'" formControlName="userName" [nzId]="'userName'"></nz-input>
                    <div nz-form-explain *ngIf="getFormControl('userName').dirty&&getFormControl('userName').hasError('required')">请输入用户姓名!</div>
                </div>
            </div>
            <div nz-form-item nz-row *ngIf="isEdit">
                <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
                    <label for="mobile" nz-form-item-required>用户电话</label>
                </div>
                <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                    {{validateForm.value.accountNo}}
                    <!-- <nz-input [nzSize]="'large'" formControlName="mobile" [nzId]="'mobile'"></nz-input>
                    <div nz-form-explain *ngIf="getFormControl('mobile').dirty&&getFormControl('mobile').hasError('required')">请输入电话号码!</div> -->
                </div>
            </div>
            <div nz-form-item nz-row>
                <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
                    <label for="positionName" nz-form-item-required>岗位名称</label>
                </div>
                <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                    <!-- <nz-input [nzSize]="'large'" formControlName="positionName" [nzId]="'positionName'"></nz-input> -->
                    <nz-select formControlName="positionId" [nzSize]="'large'" [nzPlaceHolder]="'请选择岗位'" nzAllowClear>
                        <nz-option *ngFor="let option of optionPostion" [nzLabel]="option.text" [nzValue]="option.value">
                        </nz-option>
                    </nz-select>
                    <div nz-form-explain *ngIf="getFormControl('positionId').dirty&&getFormControl('positionId').hasError('required')">请输入岗位名称!</div>
                </div>
            </div>
            <div nz-form-item nz-row>
                <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
                    <label for="password" nz-form-item-required>用户密码</label>
                </div>
                <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" class="inputpw" nzHasFeedback>
                    <input type="password" name="password" style="width:0;height:0;float:left;visibility:hidden">
                    <nz-input [nzSize]="'large'" formControlName="password" [nzType]="'password'" [nzId]="'password'"></nz-input>
                    <div nz-form-explain *ngIf="getFormControl('password').dirty&&getFormControl('password').hasError('required')">请输入你的密码!</div>
                    <div nz-form-explain *ngIf="getFormControl('password').dirty&&getFormControl('password').hasError('password')">这密码必须有8-16位的大小写英文以及数字组成!</div>
                </div>
            </div>
            <div nz-form-item class="clearfix">
                <div nz-form-control class="fr">
                    <button nz-button [nzType]="'primary'" [nzSize]="'large'" [nzLoading]="isConfirmLoading">
                        提 交
                    </button>
                </div>
            </div>
        </form>
    </ng-template>

</nz-modal>